Thank you for following up!
I do have the teamroom templates, and created a new app based on it, and it looks very nice in mobile. I checked the code but I don't see the dataview there (in the "mobile" xPage)
I'm running both desktop (Chrome), I did appended the ?platform=iphone (though I've noticed some other examples display "well" without it).
I'm receiving a CSS file (checking it in Chrome with Developer Tools) -> http://website/xsp/.ibmxspres/.mini/css/@Da&@Ib&2Tfxsp.css&2TfxspLTR.css&2TfxspSF.css&Wdojoroot/dojox/mobile/themes/iphone/iphone.css&EcustomMobile.css&EcustomIphone.css.css
This is the source code of the Xpage in case you can see something obviously wrong ... I ended up referring it to the same database in a view that I created. Also, I checked the Elements in the Chrome Developer Tools and I can see some styles like lotusFirstCell, lotusFirst and lotusTable, but still no luck :(
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex">
<xe:singlePageApp id="singlePageApp1" selectedPageName="page1">
<xe:appPage id="appPage1" pageName="page1">
<xe:djxmHeading id="djxmHeading1" label="XPages Test"></xe:djxmHeading>
<xe:dataView id="dataView1">
<xe:this.data>
<xp:dominoView var="view1" viewName="Test"></xp:dominoView>
</xe:this.data>
<xe:this.summaryColumn>
<xe:viewSummaryColumn columnName="Subject"></xe:viewSummaryColumn>
</xe:this.summaryColumn>
</xe:dataView>
</xe:appPage>
</xe:singlePageApp>
</xp:view>